// html {
//     font-size: 24.15458937vw;
// }
@babelSize: 24.15458937vw;
@babelSize2: 26.6667vw;
// 375px       414px   100vw                  16 * 3px                 333px(414 * 3)
// x=0.905797  100px   html=24.15489vw   1rem = 100px(414)     11.1rem
.rem4143(@topic, @px) {
    @{topic}: (@px / 3) *0.01 * @babelSize;
}

.rem4141(@topic, @px) {
    @{topic}: @px *0.01 * @babelSize;
}
.rem3751(@topic, @px) {
    @{topic}: @px *0.01 * @babelSize2;
}

@bun-color: rgba(5, 79, 239, 0.944);
@bgcolor: rgb(226, 226, 226);
@border: 1px solid red;
@dark: 'isDark';
@theme-selector: dark;


.border-radius {
    border: @babelSize * 0.01 solid red;
    border-radius: @babelSize * 0.016;
}

.title-font {
    font-size: @babelSize * 0.24;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    font-weight: 600;
    color: rgba(140, 3, 3, 0.543);
}
.title-font:hover {
    color: red;
}

.content-font {
    font-size: @babelSize * 0.16;
    font-family:'Courier New', Courier, monospace;
    font-weight: 400;
    color: green;
}

.content-font:hover {
    color: rgba(49, 132, 14, 0.502);
}

.myBorder(@topic) {
    @key: '@{topic}';
    border: @@key;
    @{theme-selector} & {
        border-bottom: @@key;
    }

}

// 函数

// 字符串函数
// escape(@string): 编码字符串
// e(@string): 去掉字符串引号
// %（@string）：格式化字符串
// replace（@string， @oldValue, @newValue）：将字符串中的某个字符替换掉

//列表函数
// extarct（@list, @n）:选择出列表中的某一项
// length（@list）:返回列表长度

// 数学函数
// ceil();
// floor();
// percentage();
// round();
// abs();
// aqrt();
// max();
// min();

// 类型函数
// isnumber();
// isstring();
// iscolor();
// iskeyword();
// isurl();
// ispixel();
// isem();
// ispercentage();
// isunit();
// isruleset();






@bgcolors: red green pink blue;
@fontcolors: #fff #333 #666 #999 red;